<div class="attribute-type-selection">
    <h3>选择属性类型</h3>
    <div class="attribute-type-buttons">
        <button class="attribute-type-button" data-type="ability">能力点</button>
        <button class="attribute-type-button" data-type="material">原材料</button>
        <button class="attribute-type-button" data-type="method">方法库</button>
    </div>
    <button class="return-button">返回</button>
</div>

<div class="attribute-form" style="display: none;">
    <div class="form-group">
        <label>属性名称*</label>
        <input type="text" id="attrName" placeholder="">
    </div>
    <div class="form-group">
        <label>变量名*</label>
        <input type="text" id="attrVarName" placeholder="请输入英文变量名">
    </div>
    <div id="attributeTypeFields">
        <!-- 动态加载不同类型的属性字段 -->
    </div>
    <button id="saveAttr" disabled>保存</button>
</div> 